import { Component } from "react";
import NavHeader from "../../components/NavHeader";
import { InputItem } from "antd-mobile";

import styles from './index.module.css'

export default class Register extends Component {
  register = () => {
    this.props.history.push('/register')
  }

  render() {
    return (
      <div className={styles.login}>
        <NavHeader>账号注册</NavHeader>
        <div className={styles.input}>
            <InputItem
              placeholder="请输入账号"
            >账号:</InputItem>
            <InputItem
              type="password"
              placeholder="请输入密码"
            >密码:</InputItem>
            <InputItem
              type="password"
              placeholder="请再次输入密码"
            >确认密码:</InputItem>
        </div>
        <div className={styles.button}>
          <div className={styles.registerButton} onClick={this.register}>
            注册
          </div>
        </div>
        <div className={styles.href}>
          <a href="/login" className={styles.a}>当前已有帐号，去登陆~</a>
        </div>
      </div>
    )
  }
}